<div class="modal-header">
  <h4 class="modal-title pull-left">{{title}}</h4>
  <button type="button" class="close pull-right" aria-label="Close" (click)="bsModalRef.hide()">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  <form class="form-horizontal">
    <div class="form-group">
      <label class="col-lg-3 control-label">用户名</label>
      <div class="col-lg-9">
        <input type="text" placeholder="username" class="form-control" value="{{userData.username}}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label">邮箱</label>
      <div class="col-lg-9">
        <input type="email" placeholder="Email" class="form-control" value="{{userData.email}}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label">是否禁用</label>
      <div class="col-lg-9">
        <label class="switch switch-lg">
          <input type="checkbox" checked="checked">
          <span></span>
        </label>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer">
  <button type="submit" class="mb-sm btn btn-primary">保存</button>
  <button type="button" class="mb-sm btn btn-danger" (click)="bsModalRef.hide()">Close</button>
</div>
